document.addEventListener('DOMContentLoaded', function() {
    // 获取DOM元素
    const vegetableCards = document.querySelectorAll('.vegetable-card');
    const vegetableDetailSection = document.getElementById('vegetableDetailSection');
    const selectedVegetableTitle = document.getElementById('selectedVegetableTitle');
    const backToCategoriesBtn = document.getElementById('backToCategories');
    const searchInput = document.getElementById('searchInput');
    const searchBtn = document.getElementById('searchBtn');
    const scenarioAccordion = document.getElementById('scenarioAccordion');
    const userQuestion = document.getElementById('userQuestion');
    const askBtn = document.getElementById('askBtn');
    const answerResult = document.getElementById('answerResult');
    const questionTitle = document.getElementById('questionTitle');
    const questionAnswer = document.getElementById('questionAnswer');
    
    // 蔬菜数据库
    const vegetables = {
        // 叶菜类
        'cabbage': {
            name: '白菜',
            category: 'leafy',
            plantingTime: '春季(2-3月)和秋季(8-9月)播种，秋播为主',
            fertilizing: '定植前施足基肥，生长中期追施氮肥，结球期追施钾肥。每隔15-20天追肥一次。',
            companions: '不宜与草莓、番茄、葡萄同种，可与洋葱、菠菜、莴苣搭配种植。',
            yieldTips: '适当密植可提高产量，注意保持土壤湿润但不积水，及时摘除黄叶。',
            pestControl: '预防菜青虫可用1%的苦楝水或0.5%的辣椒大蒜水喷洒；霜霉病可用1:1:100的石灰硫磺合剂喷洒。'
        },
        'spinach': {
            name: '菠菜',
            category: 'leafy',
            plantingTime: '春季(2-3月)和秋季(9-10月)播种，秋播质量更好',
            fertilizing: '播种前施足基肥，苗期和生长中期各追肥一次，以氮肥为主，适量补充磷钾肥。',
            companions: '不宜与甜菜根同种，可与萝卜、豌豆、草莓搭配种植。',
            yieldTips: '保持土壤湿润，适当遮阴可延长采收期，采收时留下2-3厘米茎基可再生。',
            pestControl: '预防蚜虫可用2%的肥皂水喷洒；霜霉病可用食醋水(1:100)喷洒。'
        },
        'lettuce': {
            name: '生菜',
            category: 'leafy',
            plantingTime: '春季(3-4月)和秋季(8-9月)播种，夏季选择耐热品种',
            fertilizing: '定植前施足基肥，生长期每隔10-15天追施稀释的液肥，以氮肥为主。',
            companions: '不宜与向日葵、芹菜同种，可与胡萝卜、萝卜、黄瓜搭配种植。',
            yieldTips: '保持土壤湿润，高温季节适当遮阴，采用分批采收方式延长收获期。',
            pestControl: '预防蚜虫可用烟草水喷洒；霜霉病可用小苏打水(5g/L)喷洒。'
        },
        'peacock': {
            name: '孔雀菜',
            category: 'leafy',
            plantingTime: '春季(3-5月)和秋季(9-10月)播种，喜温暖气候',
            fertilizing: '播种前施足基肥，生长期每隔15天追施一次稀释液肥，以氮肥为主。',
            companions: '不宜与芥菜同种，可与番茄、黄瓜搭配种植。',
            yieldTips: '保持土壤湿润，适当遮阴可提高叶片品质，采收时留下生长点可多次采收。',
            pestControl: '预防蚜虫可用2%的肥皂水喷洒；叶斑病可用小苏打水(5g/L)喷洒。'
        },
        
        // 果菜类
        'tomato': {
            name: '番茄',
            category: 'fruit',
            plantingTime: '春季(3-4月)育苗，5月定植；秋季7-8月育苗',
            fertilizing: '定植前施足基肥，开花前、坐果期和果实膨大期各追肥一次，以磷钾肥为主。',
            companions: '不宜与土豆、茄子、黄瓜同种，可与香菜、芹菜、洋葱搭配种植。',
            yieldTips: '及时整枝打杈，控制在2-3个主枝，摘心控制株高，花期轻轻晃动植株帮助授粉。',
            pestControl: '预防早疫病可用1:1:100的波尔多液喷洒；番茄夜蛾可用苏云金杆菌制剂防治。'
        },
        'cucumber': {
            name: '黄瓜',
            category: 'fruit',
            plantingTime: '春季(4-5月)直播或育苗定植；夏季(7-8月)播种',
            fertilizing: '定植前施足基肥，开花结果后每7-10天追肥一次，以氮磷钾均衡肥为主。',
            companions: '不宜与番茄、土豆同种，可与豆类、玉米、向日葵搭配种植。',
            yieldTips: '搭架引蔓，及时摘除侧枝，保留主蔓，每隔3-4片叶保留一个雌花，及时采收。',
            pestControl: '预防白粉病可用牛奶水(1:10)喷洒；蚜虫可用大蒜水喷洒。'
        },
        'eggplant': {
            name: '茄子',
            category: 'fruit',
            plantingTime: '春季(3-4月)育苗，5月定植',
            fertilizing: '定植前施足基肥，开花前、坐果期各追肥一次，以氮钾肥为主。',
            companions: '不宜与番茄、辣椒同种，可与豆类、芹菜搭配种植。',
            yieldTips: '控制在3-4个主枝，摘除过多侧枝，保留壮果，摘除畸形果，及时采收。',
            pestControl: '预防茄螨可用辣椒大蒜水喷洒；青枯病注意轮作，避免连作。'
        },
        'pepper': {
            name: '辣椒',
            category: 'fruit',
            plantingTime: '春季(3-4月)育苗，5月定植；秋季7-8月育苗',
            fertilizing: '定植前施足基肥，开花前、坐果期各追肥一次，以磷钾肥为主。',
            companions: '不宜与茄子、番茄同种，可与胡萝卜、洋葱搭配种植。',
            yieldTips: '控制在2-3个主枝，摘除过多侧枝，花期适当摇动植株帮助授粉，及时采收。',
            pestControl: '预防蚜虫可用2%的肥皂水喷洒；疫病可用1:1:100的波尔多液喷洒。'
        },
        'watermelon': {
            name: '西瓜',
            category: 'fruit',
            plantingTime: '春季(4-5月)直播或育苗定植',
            fertilizing: '定植前施足基肥，开花前、坐果期和果实膨大期各追肥一次，以钾肥为主。',
            companions: '不宜与黄瓜、南瓜同种，可与玉米、豆类搭配种植。',
            yieldTips: '每株保留2-3条主蔓，每蔓留1-2个果，及时摘除多余瓜，果实下垫稻草或塑料膜。',
            pestControl: '预防蚜虫可用辣椒大蒜水喷洒；霜霉病可用1:1:100的波尔多液喷洒。'
        },
        'okra': {
            name: '秋葵',
            category: 'fruit',
            plantingTime: '春季(4-5月)直播，喜温暖气候',
            fertilizing: '播种前施足基肥，开花结果后每10-15天追肥一次，以氮磷钾均衡肥为主。',
            companions: '不宜与茄子同种，可与番茄、辣椒搭配种植。',
            yieldTips: '保持适当株距，及时采收嫩荚，可促进更多结荚，采收过晚会变老变硬。',
            pestControl: '预防蚜虫可用2%的肥皂水喷洒；白粉病可用小苏打水(5g/L)喷洒。'
        },
        
        // 根茎类
        'carrot': {
            name: '胡萝卜',
            category: 'root',
            plantingTime: '春季(3-4月)和秋季(8-9月)播种，秋播质量更好',
            fertilizing: '播种前施足基肥，苗期间苗后追施一次稀释液肥，以钾肥为主。',
            companions: '不宜与茴香、莳萝同种，可与洋葱、大蒜、生菜搭配种植。',
            yieldTips: '保持土壤疏松，间苗保持适当株距，避免浇水过多导致裂根。',
            pestControl: '预防蚜虫可用辣椒水喷洒；胡萝卜蝇可用大蒜水浇灌根部。'
        },
        'potato': {
            name: '土豆',
            category: 'root',
            plantingTime: '春季(3-4月)和秋季(8-9月)种植',
            fertilizing: '种植前施足基肥，苗高15cm时追肥一次，以磷钾肥为主。',
            companions: '不宜与番茄、茄子、辣椒同种，可与豆类、玉米、大蒜搭配种植。',
            yieldTips: '及时培土，覆盖茎基部，防止块茎露出变绿；控制浇水，块茎膨大期保持土壤湿润。',
            pestControl: '预防晚疫病可用1:1:100的波尔多液喷洒；马铃薯甲虫可用烟草水喷洒。'
        },
        'radish': {
            name: '萝卜',
            category: 'root',
            plantingTime: '春季(2-3月)和秋季(8-9月)播种，秋播质量更好',
            fertilizing: '播种前施足基肥，生长期一般不需追肥，若生长不良可追施稀释液肥一次。',
            companions: '不宜与芥菜、油菜同种，可与菠菜、生菜、黄瓜搭配种植。',
            yieldTips: '保持土壤疏松，间苗保持适当株距，避免氮肥过多导致徒长。',
            pestControl: '预防蚜虫可用辣椒大蒜水喷洒；根腐病注意轮作，避免连作。'
        }
    };
    
    // 搜索建议下拉框
    const searchSuggestions = document.getElementById('searchSuggestions');
    
    // 常见蔬菜建议列表
    const commonVegetables = ['辣椒', '茄子', '西瓜', '孔雀菜', '秋葵', '白菜', '菠菜', '生菜', '番茄', '黄瓜', '胡萝卜', '土豆', '萝卜'];
    
    // 搜索框获得焦点时显示常见蔬菜建议
    searchInput.addEventListener('focus', function() {
        if (!this.value.trim()) {
            let suggestionsHtml = '';
            commonVegetables.forEach(vegName => {
                // 查找对应的键
                let vegKey = '';
                for (const key in vegetables) {
                    if (vegetables[key].name === vegName) {
                        vegKey = key;
                        break;
                    }
                }
                if (vegKey) {
                    suggestionsHtml += `<a href="#" class="list-group-item list-group-item-action suggestion-item" data-key="${vegKey}">${vegName}</a>`;
                }
            });
            searchSuggestions.innerHTML = suggestionsHtml;
            searchSuggestions.style.display = 'block';
            
            // 点击建议项
            document.querySelectorAll('.suggestion-item').forEach(item => {
                item.addEventListener('click', function(e) {
                    e.preventDefault();
                    const key = this.dataset.key;
                    searchInput.value = vegetables[key].name;
                    searchSuggestions.style.display = 'none';
                    showVegetableDetail(key);
                });
            });
        }
    });
    
    // 搜索输入事件
    searchInput.addEventListener('input', function() {
        const searchTerm = this.value.trim().toLowerCase();
        if (!searchTerm) {
            // 显示常见蔬菜建议
            let suggestionsHtml = '';
            commonVegetables.forEach(vegName => {
                // 查找对应的键
                let vegKey = '';
                for (const key in vegetables) {
                    if (vegetables[key].name === vegName) {
                        vegKey = key;
                        break;
                    }
                }
                if (vegKey) {
                    suggestionsHtml += `<a href="#" class="list-group-item list-group-item-action suggestion-item" data-key="${vegKey}">${vegName}</a>`;
                }
            });
            searchSuggestions.innerHTML = suggestionsHtml;
            searchSuggestions.style.display = 'block';
            
            // 点击建议项
            document.querySelectorAll('.suggestion-item').forEach(item => {
                item.addEventListener('click', function(e) {
                    e.preventDefault();
                    const key = this.dataset.key;
                    searchInput.value = vegetables[key].name;
                    searchSuggestions.style.display = 'none';
                    showVegetableDetail(key);
                });
            });
            return;
        }
        
        // 查找匹配的蔬菜
        const matches = [];
        for (const key in vegetables) {
            if (vegetables[key].name.includes(searchTerm) || key.includes(searchTerm)) {
                matches.push({
                    key: key,
                    name: vegetables[key].name
                });
            }
        }
        
        // 显示搜索建议
        if (matches.length > 0) {
            let suggestionsHtml = '';
            matches.forEach(match => {
                suggestionsHtml += `<a href="#" class="list-group-item list-group-item-action suggestion-item" data-key="${match.key}">${match.name}</a>`;
            });
            searchSuggestions.innerHTML = suggestionsHtml;
            searchSuggestions.style.display = 'block';
            
            // 点击建议项
            document.querySelectorAll('.suggestion-item').forEach(item => {
                item.addEventListener('click', function(e) {
                    e.preventDefault();
                    const key = this.dataset.key;
                    searchInput.value = vegetables[key].name;
                    searchSuggestions.style.display = 'none';
                    showVegetableDetail(key);
                });
            });
        } else {
            searchSuggestions.style.display = 'none';
        }
    });
    
    // 点击其他区域隐藏建议
    document.addEventListener('click', function(e) {
        if (e.target !== searchInput && e.target !== searchSuggestions) {
            searchSuggestions.style.display = 'none';
        }
    });
    
    // 搜索按钮点击
    searchBtn.addEventListener('click', function() {
        const searchTerm = searchInput.value.trim().toLowerCase();
        if (!searchTerm) return;
        
        let found = false;
        for (const key in vegetables) {
            if (vegetables[key].name.includes(searchTerm) || key.includes(searchTerm)) {
                showVegetableDetail(key);
                found = true;
                break;
            }
        }
        
        if (!found) {
            alert('未找到相关蔬菜，请尝试其他关键词');
        }
    });
    
    // 点击蔬菜类别卡片
    vegetableCards.forEach(card => {
        card.addEventListener('click', function() {
            const category = this.dataset.category;
            // 找到该类别的第一个蔬菜
            for (const key in vegetables) {
                if (vegetables[key].category === category) {
                    showVegetableDetail(key);
                    break;
                }
            }
        });
    });
    
    // 返回类别选择
    backToCategoriesBtn.addEventListener('click', function() {
        vegetableDetailSection.style.display = 'none';
        window.scrollTo({ top: 0, behavior: 'smooth' });
    });
    
    // 常见问题数据库
    const commonQuestions = {
        '土壤板结': {
            title: '土壤板结解决方法',
            answer: `<p>解决土壤板结的有效方法：</p>
                <ul>
                    <li><strong>添加有机质：</strong>腐熟堆肥、蚯蚓粪等可改善土壤结构</li>
                    <li><strong>深翻土壤：</strong>定期松土，打破板结层</li>
                    <li><strong>覆盖物使用：</strong>稻草、树叶等有机覆盖物保持土壤疏松</li>
                    <li><strong>种植绿肥：</strong>休闲期种植绿肥作物，根系可疏松土壤</li>
                    <li><strong>控制浇水：</strong>避免大水漫灌，采用滴灌或渗灌方式</li>
                </ul>
                <div class="alert alert-info mt-2">
                    <i class="bi bi-info-circle"></i> 提示：土壤板结是家庭种菜的常见问题，主要由浇水不当、有机质不足或踩踏过多导致
                </div>`
        },
        '不需要搭架': {
            title: '不需要搭建菜架的蔬菜',
            answer: `<p>以下蔬菜不需要搭建菜架：</p>
                <ul>
                    <li><strong>叶菜类：</strong>白菜、生菜、菠菜、油麦菜、小白菜等</li>
                    <li><strong>根茎类：</strong>胡萝卜、萝卜、土豆、洋葱、大蒜等</li>
                    <li><strong>矮生果菜：</strong>矮生番茄、辣椒、茄子等</li>
                    <li><strong>地面蔓生：</strong>西瓜、南瓜（可平铺生长，但搭架可节省空间）</li>
                    <li><strong>香草类：</strong>香菜、罗勒、薄荷、迷迭香等</li>
                </ul>
                <div class="alert alert-success mt-2">
                    <i class="bi bi-lightbulb"></i> 建议：选择不需搭架的蔬菜可以简化种植过程，适合初学者
                </div>`
        },
        '产量高': {
            title: '产量高、周期短的蔬菜',
            answer: `<p>高产快收蔬菜推荐：</p>
                <ul>
                    <li><strong>小白菜：</strong>播种后25-30天可收获，可多次采收</li>
                    <li><strong>生菜：</strong>播种后30-40天可收获，产量高</li>
                    <li><strong>油麦菜：</strong>播种后25-35天可收获，生长迅速</li>
                    <li><strong>空心菜：</strong>播种后20-25天可收获，夏季生长极快</li>
                    <li><strong>苋菜：</strong>播种后20-30天可收获，耐热高产</li>
                    <li><strong>香菜：</strong>播种后30-40天可收获，可多次采收</li>
                    <li><strong>韭菜：</strong>首次收割后可多次再生，持续产出</li>
                    <li><strong>豆芽：</strong>3-7天即可收获，产量高</li>
                </ul>
                <div class="alert alert-primary mt-2">
                    <i class="bi bi-graph-up"></i> 提示：这些蔬菜适合想要快速见到成果的新手种植者
                </div>`
        },
        '施肥技巧': {
            title: '家庭种菜施肥技巧',
            answer: `<p>家庭种菜施肥要点：</p>
                <ul>
                    <li><strong>基肥充足：</strong>种植前施足基肥，以有机肥为主</li>
                    <li><strong>薄肥勤施：</strong>生长期少量多次施肥，避免浓肥伤根</li>
                    <li><strong>合理配比：</strong>不同生长阶段需要不同配比的肥料</li>
                    <li><strong>叶面喷施：</strong>稀释的液肥可喷洒在叶面，快速补充养分</li>
                    <li><strong>有机优先：</strong>优先使用堆肥、厨余肥等有机肥料</li>
                </ul>
                <div class="alert alert-warning mt-2">
                    <i class="bi bi-exclamation-triangle"></i> 注意：过量施肥会导致肥害，影响蔬菜品质和产量
                </div>`
        },
        '病虫害防治': {
            title: '常见病虫害防治方法',
            answer: `<p>家庭种菜病虫害防治方法：</p>
                <ul>
                    <li><strong>预防为主：</strong>选择抗病品种，保持通风，合理密植</li>
                    <li><strong>物理防治：</strong>人工捕捉，黄板诱捕，遮阳网隔离</li>
                    <li><strong>生物防治：</strong>引入天敌，如瓢虫防治蚜虫</li>
                    <li><strong>农家配方：</strong>大蒜水、辣椒水、肥皂水等自制药剂</li>
                    <li><strong>及时处理：</strong>发现病株及时摘除并处理，避免扩散</li>
                </ul>
                <div class="alert alert-danger mt-2">
                    <i class="bi bi-shield"></i> 提示：家庭种菜尽量避免使用化学农药，保障食品安全
                </div>`
        },
        '有机肥': {
            title: '如何制作有机肥',
            answer: `<p>家庭自制有机肥方法：</p>
                <ul>
                    <li><strong>厨余堆肥：</strong>收集果皮、菜叶等厨余垃圾，与干树叶混合，定期翻动发酵</li>
                    <li><strong>蚯蚓粪肥：</strong>饲养蚯蚓处理厨余，产生优质有机肥</li>
                    <li><strong>草木灰：</strong>收集木柴、秸秆燃烧后的灰烬，富含钾元素</li>
                    <li><strong>发酵肥料：</strong>用米汤、啤酒渣等发酵制作液体肥料</li>
                    <li><strong>绿肥还田：</strong>种植豆科植物后翻入土壤，增加氮元素</li>
                </ul>
                <div class="alert alert-success mt-2">
                    <i class="bi bi-recycle"></i> 提示：自制有机肥不仅环保，还能提高蔬菜品质和口感
                </div>`
        },
        '阳台种菜': {
            title: '阳台种菜技巧',
            answer: `<p>阳台种菜实用技巧：</p>
                <ul>
                    <li><strong>选择合适容器：</strong>深度至少15-20厘米，带排水孔的花盆或种植箱</li>
                    <li><strong>光照管理：</strong>根据阳台朝向选择适合的蔬菜，南阳台适合喜阳蔬菜，北阳台选择耐阴品种</li>
                    <li><strong>垂直利用：</strong>使用立体花架、墙面花盆或悬挂式种植袋充分利用空间</li>
                    <li><strong>轻质土壤：</strong>使用泥炭、蛭石、珍珠岩等轻质材料配制土壤，减轻重量</li>
                    <li><strong>合理密植：</strong>小型蔬菜可适当密植，但注意通风</li>
                </ul>
                <div class="alert alert-info mt-2">
                    <i class="bi bi-house"></i> 提示：阳台种菜首选生长周期短、体积小、易管理的蔬菜品种
                </div>`
        },
        '蚜虫防治': {
            title: '蚜虫防治方法',
            answer: `<p>有效防治蚜虫的方法：</p>
                <ul>
                    <li><strong>肥皂水喷洒：</strong>2%肥皂水溶液直接喷洒，能有效杀死蚜虫</li>
                    <li><strong>引入天敌：</strong>释放瓢虫、草蛉等天敌捕食蚜虫</li>
                    <li><strong>大蒜水喷洒：</strong>大蒜浸泡液具有驱虫效果</li>
                    <li><strong>黄板诱捕：</strong>悬挂黄色粘虫板诱捕成虫</li>
                    <li><strong>辣椒水喷洒：</strong>辣椒浸泡液喷洒可驱赶蚜虫</li>
                </ul>
                <div class="alert alert-warning mt-2">
                    <i class="bi bi-exclamation-triangle"></i> 注意：发现蚜虫应及时处理，防止大面积扩散
                </div>`
        },
        '叶斑病': {
            title: '叶斑病处理方法',
            answer: `<p>叶斑病防治措施：</p>
                <ul>
                    <li><strong>及时摘除：</strong>发现病叶立即摘除并销毁，避免传播</li>
                    <li><strong>改善通风：</strong>适当疏植，增加植株间距，减少湿度</li>
                    <li><strong>小苏打喷洒：</strong>5g/L小苏打水溶液喷洒，抑制真菌生长</li>
                    <li><strong>食醋溶液：</strong>1:100稀释的食醋溶液喷洒，调节叶面pH值</li>
                    <li><strong>轮作：</strong>避免连作，减少病原菌积累</li>
                </ul>
                <div class="alert alert-danger mt-2">
                    <i class="bi bi-shield"></i> 提示：预防为主，保持良好的种植环境比治疗更重要
                </div>`
        },
        '浇水技巧': {
            title: '正确的浇水方法',
            answer: `<p>科学浇水技巧：</p>
                <ul>
                    <li><strong>浇水时间：</strong>选择早晨或傍晚浇水，避开中午强光时段</li>
                    <li><strong>浇水深度：</strong>一次浇透比多次浅浇更有利于根系生长</li>
                    <li><strong>浇水方式：</strong>尽量浇根部，避免淋湿叶片，减少病害</li>
                    <li><strong>根据需求：</strong>不同蔬菜需水量不同，叶菜类需水多，根茎类适中</li>
                    <li><strong>观察土壤：</strong>触摸表层2-3厘米，感觉干燥时再浇水</li>
                </ul>
                <div class="alert alert-info mt-2">
                    <i class="bi bi-droplet"></i> 提示：过度浇水和浇水不足都会影响蔬菜生长，需根据天气和植物状态调整
                </div>`
        },
        '种子催芽': {
            title: '种子如何催芽',
            answer: `<p>有效的种子催芽方法：</p>
                <ul>
                    <li><strong>水浸法：</strong>将种子浸泡在温水中12-24小时，直到种子吸水膨胀</li>
                    <li><strong>湿纸巾法：</strong>将种子放在湿润的纸巾或脱脂棉上，保持湿润不积水</li>
                    <li><strong>温度控制：</strong>保持20-25℃的温度环境，促进发芽</li>
                    <li><strong>催芽剂：</strong>可使用稀释的蜂蜜水、生姜水等天然催芽剂</li>
                    <li><strong>光照管理：</strong>大多数种子发芽前不需要光照，发芽后及时见光</li>
                </ul>
                <div class="alert alert-success mt-2">
                    <i class="bi bi-brightness-high"></i> 提示：催芽后的种子发芽率高，生长整齐，节约种植时间
                </div>`
        },
        '采收时间': {
            title: '蔬菜最佳采收时间',
            answer: `<p>不同蔬菜的最佳采收时机：</p>
                <ul>
                    <li><strong>叶菜类：</strong>在叶片充分展开但未老化时采收，通常清晨采收品质最佳</li>
                    <li><strong>果菜类：</strong>番茄七八分熟、黄瓜长到15-20厘米、茄子果皮有光泽时采收</li>
                    <li><strong>根茎类：</strong>胡萝卜根长10-15厘米、萝卜根部露出地面、土豆地上部分枯萎时采收</li>
                    <li><strong>豆类：</strong>豆荚饱满但未老化，捏起来有脆感时采收</li>
                    <li><strong>香草类：</strong>在开花前采收，此时香气最浓</li>
                </ul>
                <div class="alert alert-primary mt-2">
                    <i class="bi bi-calendar-check"></i> 提示：适时采收不仅保证品质，还能促进植株继续结果
                </div>`
        }
    };
    
    // 初始化更多问题模态框
    const moreQuestionsBtn = document.getElementById('moreQuestionsBtn');
    const moreQuestionsModalElement = document.getElementById('moreQuestionsModal');
    let moreQuestionsModal;
    
    // 确保Bootstrap已加载后再初始化模态框
    if (typeof bootstrap !== 'undefined') {
        moreQuestionsModal = new bootstrap.Modal(moreQuestionsModalElement);
    } else {
        // 如果Bootstrap尚未加载，等待加载完成
        window.addEventListener('load', function() {
            moreQuestionsModal = new bootstrap.Modal(moreQuestionsModalElement);
        });
    }
    
    // 点击更多问题按钮
    moreQuestionsBtn.addEventListener('click', function(e) {
        e.preventDefault(); // 阻止默认行为
        if (moreQuestionsModal) {
            moreQuestionsModal.show();
        } else if (typeof bootstrap !== 'undefined') {
            moreQuestionsModal = new bootstrap.Modal(moreQuestionsModalElement);
            moreQuestionsModal.show();
        }
    });
    
    // 问题建议点击事件
    document.querySelectorAll('.question-suggestion').forEach(item => {
        item.addEventListener('click', function(e) {
            e.preventDefault(); // 阻止默认行为
            const questionKey = this.dataset.question;
            if (commonQuestions[questionKey]) {
                // 填充问题到输入框
                userQuestion.value = commonQuestions[questionKey].title;
                
                // 显示答案
                questionTitle.textContent = commonQuestions[questionKey].title;
                questionAnswer.innerHTML = commonQuestions[questionKey].answer;
                answerResult.style.display = 'block';
                
                // 不滚动页面，让答案区域显示在当前视图中
                const answerRect = answerResult.getBoundingClientRect();
                if (answerRect.top < 0 || answerRect.bottom > window.innerHeight) {
                    answerResult.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
                }
            }
        });
    });
    
    // 用户提问功能
    askBtn.addEventListener('click', function(e) {
        e.preventDefault(); // 阻止表单提交默认行为
        const question = userQuestion.value.trim();
        if (!question) {
            alert('请输入您的问题');
            return;
        }
        
        // 查找匹配的问题
        let found = false;
        for (const key in commonQuestions) {
            if (question.includes(key)) {
                questionTitle.textContent = commonQuestions[key].title;
                questionAnswer.innerHTML = commonQuestions[key].answer;
                answerResult.style.display = 'block';
                found = true;
                
                // 不滚动页面，让答案区域显示在当前视图中
                const answerRect = answerResult.getBoundingClientRect();
                if (answerRect.top < 0 || answerRect.bottom > window.innerHeight) {
                    answerResult.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
                }
                break;
            }
        }
        
        // 未找到匹配问题
        if (!found) {
            questionTitle.textContent = '未找到相关问题';
            questionAnswer.innerHTML = `
                <p>抱歉，我们暂时没有找到与"${question}"相关的答案。</p>
                <p>您可以尝试点击下方的热门问题：</p>
                <div class="row mt-3">
                    <div class="col-md-6">
                        <div class="list-group">
                            <button type="button" class="list-group-item list-group-item-action question-suggestion" data-question="土壤板结">
                                <i class="bi bi-question-circle text-primary me-2"></i>土壤板结怎么办？
                            </button>
                            <button type="button" class="list-group-item list-group-item-action question-suggestion" data-question="不需要搭架">
                                <i class="bi bi-question-circle text-primary me-2"></i>哪些菜不需要搭建菜架？
                            </button>
                            <button type="button" class="list-group-item list-group-item-action question-suggestion" data-question="产量高">
                                <i class="bi bi-question-circle text-primary me-2"></i>哪些菜产量高、周期短？
                            </button>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="list-group">
                            <button type="button" class="list-group-item list-group-item-action question-suggestion" data-question="施肥技巧">
                                <i class="bi bi-question-circle text-primary me-2"></i>家庭种菜施肥技巧？
                            </button>
                            <button type="button" class="list-group-item list-group-item-action question-suggestion" data-question="病虫害防治">
                                <i class="bi bi-question-circle text-primary me-2"></i>如何防治病虫害？
                            </button>
                            <button type="button" class="list-group-item list-group-item-action" id="moreQuestionsBtn2">
                                <i class="bi bi-three-dots text-primary me-2"></i>更多问题...
                            </button>
                        </div>
                    </div>
                </div>
            `;
            answerResult.style.display = 'block';
            
            // 为新生成的问题建议添加事件监听
            document.querySelectorAll('#answerResult .question-suggestion').forEach(item => {
                item.addEventListener('click', function(e) {
                    e.preventDefault(); // 阻止默认行为
                    const questionKey = this.dataset.question;
                    if (commonQuestions[questionKey]) {
                        userQuestion.value = commonQuestions[questionKey].title;
                        questionTitle.textContent = commonQuestions[questionKey].title;
                        questionAnswer.innerHTML = commonQuestions[questionKey].answer;
                    }
                });
            });
            
            // 为"更多问题"按钮添加事件监听
            const moreQuestionsBtn2 = document.getElementById('moreQuestionsBtn2');
            if (moreQuestionsBtn2) {
                moreQuestionsBtn2.addEventListener('click', function(e) {
                    e.preventDefault(); // 阻止默认行为
                    if (moreQuestionsModal) {
                        moreQuestionsModal.show();
                    } else if (typeof bootstrap !== 'undefined') {
                        moreQuestionsModal = new bootstrap.Modal(moreQuestionsModalElement);
                        moreQuestionsModal.show();
                    }
                });
            }
        }
    });
    
    // 回车键提交问题
    userQuestion.addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
            askBtn.click();
        }
    });
    
    // 显示蔬菜详情
    function showVegetableDetail(vegetableKey) {
        const vegetable = vegetables[vegetableKey];
        if (!vegetable) return;
        
        selectedVegetableTitle.textContent = vegetable.name + '种植指南';
        
        // 填充种植时间信息
        document.getElementById('plantingTimeInfo').innerHTML = `
            <p><strong>最佳种植时间：</strong>${vegetable.plantingTime}</p>
            <div class="alert alert-success mt-2">
                <i class="bi bi-info-circle"></i> 提示：选择合适的季节种植可以提高成功率和产量
            </div>
        `;
        
        // 填充追肥信息
        document.getElementById('fertilizingInfo').innerHTML = `
            <p>${vegetable.fertilizing}</p>
            <div class="alert alert-primary mt-2">
                <i class="bi bi-lightbulb"></i> 建议：有机肥料比化肥更有利于提高蔬菜品质
            </div>
        `;
        
        // 填充搭配禁忌信息
        document.getElementById('companionInfo').innerHTML = `
            <p>${vegetable.companions}</p>
            <div class="alert alert-warning mt-2">
                <i class="bi bi-exclamation-triangle"></i> 注意：合理搭配可以减少病虫害，提高土地利用率
            </div>
        `;
        
        // 填充提高产量技巧
        document.getElementById('yieldTipsInfo').innerHTML = `
            <p>${vegetable.yieldTips}</p>
            <ul class="mt-2">
                <li>保持适当的株行距</li>
                <li>合理浇水，避免干旱或积水</li>
                <li>及时除草，减少养分竞争</li>
            </ul>
        `;
        
        // 填充病虫害防治信息
        document.getElementById('pestControlInfo').innerHTML = `
            <p>${vegetable.pestControl}</p>
            <div class="alert alert-danger mt-2">
                <i class="bi bi-shield"></i> 安全提示：优先选择物理防治和生物防治，减少化学农药使用
            </div>
        `;
        
        // 显示详情区域
        vegetableDetailSection.style.display = 'block';
        window.scrollTo({ top: vegetableDetailSection.offsetTop - 20, behavior: 'smooth' });
    }
});